import React from 'react';
import {
    Dimensions,
    StyleSheet, View
} from 'react-native';
const { width, height } = Dimensions.get('window');
import { createBottomTabNavigator } from 'react-navigation-tabs';
export const styles = StyleSheet.create({
    container:{
        flex:1,
        width:width,
        height:createBottomTabNavigator.DEFAULT_HEIGHT,
        backgroundColor: '#f7f7f7'
    },
    swiper:{
        backgroundColor:'#ffffff',
        width: width,
        height:width *0.35,
    },
    wrapper: {
    },
    paginationStyle: {
        bottom: 6,
    },
    dotStyle: {
        backgroundColor: '#fff',
        opacity: 0.4,
    },
    activeDotStyle: {
        backgroundColor: '#f00',
    },
    bannerImg: {
        width:width,
        height:width * 0.35,
    },

    tabBarUnderlines:{
        backgroundColor: '#ff0000',
        height:1,
    },

    recommend_lists:{
        flexDirection:'row',
        justifyContent:'space-between',
        padding:16,
        backgroundColor:'#ffffff',
        borderBottomWidth:1,
        borderBottomColor:'#ededed',
    },
    recommend_lists_title:{
        flexDirection: 'column',
        width:width - 160,
        height:80,
    },
    cate:{
        flexDirection:'row',
        justifyContent:'space-between',
    },
    thumb:{
        width:110,
        height:80,
    }



});
module.exports = styles;
